<?php
include "includes/ui.php";

echo headerHTML("account"," รายจ่ายย่อยและบริการ");

$currMonth = date('m/Y');

?>
 <!-- Moldule: Popup -->
<div id="popup" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width:700px;">

        <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel"><i class="icon-cog"></i> เพิ่มรายการ </h3>
        </div>
 <form class="form-horizontal" style="margin-bottom:0px;">
        <div class="modal-body">
               
			<div class="control-group">
					<label class="control-label" for="inputName"><i class="icon-double-angle-right"></i>  ประจำเดือน</label>
					<div class="controls">
						<div class="input-append date btndate"   data-date="" required data-date-format="dd/mm/yyyy" 
							data-date-viewmode="0" data-date-minviewmode="0" placeholder="" >
							<input class="span1" style="width:100px !important;" required id='txtMonth' size="16" type="text"  readonly="">
							<span class="add-on"><i class="icon-calendar"></i></span>
						</div>
					</div>
			</div>
			<div class="control-group">
					<label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> ประเภทรายการ</label>
					<div class="controls">
						 <select class="no-margin span8" id="cboPay_type"  style="width:200px !important;">
									 <option value='S'>ค่าบริการ</option>
									 <option value='O'>รายจ่ายอื่นๆ</option>
						</select>
					</div>
			</div>
			<div class="control-group">
					<label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> รายการ</label>
					<div class="controls">
						 <input type="text" id="txtName" required class='span3' placeholder="รายการใช้จ่าย">
					</div>
			</div>

			 <div class="control-group">
					<label class="control-label" for="inputName"><i class="icon-double-angle-right"></i> จำนวนเงิน</label>
					<div class="controls">
						 <input type="text" id="txtAmount" required maxlength="10" class='span1 txtamt text-right' placeholder="0">
						<span class="help-inline" style="font-weight:normal;"> บาท</span>
				   </div>
			</div>
            
        </div>
		 
        <div class="modal-footer">
			<button type='submit' class="btn btn-primary" id="btnSave">บันทึก</button>
			<button class="btn" data-dismiss="modal" aria-hidden="true">ยกเลิก</button>
        </div>
      </form>	

</div> 
<!-- / Module: Popup --> 
<!-- Live Stats -->
<div class="row-fluid">

    <!-- Pie: Box -->
    <div class="span12">

        <!--  : Top Bar -->
        <div class="top-bar">
            <h3><i class="icon-cog"></i> รายจ่ายย่อยและบริการ</h3>
            <div class='tmp' style='float:right'>
					<a href="#"  ><button class="btn"  style='width:80px;' id='btnPrintDraft' tooltip="Add">พิมพ์</button></a>
					<a href="#popup" data-toggle="modal"><button class="btn btn-primary" id='btnAdd' tooltip="Add">เพิ่มรายการ</button></a>
            </div>
        </div>
        <!-- /  : Top Bar -->
		
        <!-- Pie: Content -->
        <div class="well no-padding">
		<div class="span12">
				<div class="row-fluid">
					<div class='span12'>
					<form class="form-horizontal" style="margin-bottom:0px;">
						<div class="control-group">
							<label class="control-label" style='' for="inputName"><i class="icon-double-angle-right"></i> ประจำเดือน</label>
							<div class="controls">
								<div class="input-append date btndate2"   data-date="" required data-date-format="mm/yyyy" 
									data-date-viewmode="1" data-date-minviewmode="1" placeholder="" >
										<input class="span1" style="width:100px !important;" id='txtMonthSearch' size="16" type="text" value="<?php echo $currMonth;?>"  readonly="">
									<span class="add-on"><i class="icon-calendar"></i></span>
								</div>
							
								<span class="help-inline" style="font-weight:bold;margin-left:50px;"> ประเภทรายการ  </span>				
									 <select class="no-margin span8" id="cboPay_type_search"  style="width:150px !important;">
									 <option value='0'>-<option>
									 <option value='S'>ค่าบริการ</option>
									 <option value='O'>รายจ่ายอื่นๆ</option>
									</select>
								<span class="help-inline" style="font-weight:bold;margin-left:50px;"> รายการ  </span>
									<input type="text" id="txtList" style='margin-left:10px;' placeholder="รายการค่าใช้จ่าย">									
									 <button class="btn btn-inverse"  type='button' id='btnSearch' style='margin-left:20px;height:30px;' rel="tooltip" title=""   data-original-title="ค้นหาข้อมูล"><i class="icon-search"></i></button> 
							 </div>
						 </div>
					</form>
					</div>
				</div>
		</div>

            <table class="data-table" id='resultData' >
                <thead style='border-top:1px solid #c2c2c2;border-bottom:1px solid #c2c2c2;'> 
                    <tr >
                        <th style='color:#333 !important;width:10px !important;' class='text-left'>#</th>
						<th style='color:#333 !important;width:0px !important;'></th>
						<th style='color:#333 !important;width:0px !important;'></th>
                        <th style='color:#333 !important;width:80px !important;' class='text-center'>วันที่</th>
						<th style='color:#333 !important;width:120px !important;' class='text-center'>ประเภท</th>
                        <th style='color:#333 !important;' class='text-center'>รายการ</th>
						<th style='color:#333 !important;width:80px !important;' class="text-center">จำนวนเงิน </th>
						<th style='color:#333 !important;width:70px !important;' class="center">แก้ไข</th>
						<th style='color:#333 !important;width:50px !important;' class="center">ลบ</th>
                    </tr>
                </thead>
                <tbody>
                    
                </tbody>

            </table>

        </div>
        <!-- / Pie: Content -->

    </div>
    <!-- / Pie -->

</div>
<!-- / Live Stats -->

<?php
echo footerHTML();
?>

<!-- Javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src='js/jquery.hotkeys.js'></script>
<!--script src='js/fullcalendar.min.js'></script-->
<script src="js/jquery-ui-1.10.2.custom.min.js"></script>
<script src="js/jquery.pajinate.js"></script>
<!--script src="js/jquery.prism.min.js"></script-->
<script src="js/jquery.dataTables.min.js"></script>

<script src="js/jquery.flot.resize.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-wysiwyg.js"></script>
<!--script src="js/bootstrap-typeahead.js"></script-->
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.chosen.min.js"></script>
<script src="js/avocado-custom.js"></script>
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/myScript/js_other_pay.js"></script> 
</html>